﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title></title>
    <link href="~/Scripts/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet" />
    <link href="~/Scripts/ligerUI/skins/ligerui-icons.css" rel="stylesheet" />
    <link href="~/Scripts/ligerUI/skins/Gray/css/all.css" rel="stylesheet" />
    <link href="~/Content/css/common.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script src="~/Scripts/ligerUI/js/ligerui.all.js"></script>
    <script src="~/Scripts/common.js"></script>
    <style>
      .gridtable{margin:0;width:370px;}
    .gridtable td{height:30px;line-height:30px;}
    .iconlist{padding:3px;width:360px;}
    .iconlist li{float:left;display:block;padding:2px;border:1px solid #FFF;cursor:pointer;}
    .iconlist li.over{border:1px solid #516B9F;}
    .iconlist li img{height:16px;height:16px;}
    h3{margin:0 30px 10px 0;padding:45px 0 8px;border-bottom:solid 1px #888;color:#000;font-size:14px;}
    td{padding:5px;}
    .tab-contain{overflow:hidden;width:100%;}
    #tabs{overflow:hidden;margin:0;padding:0;width:100%;list-style:none;}
    #tabs li{float:left;margin:0;padding:5px;padding-bottom:0;}
    li a{position:relative;float:left;padding:5px 30px;border:1px solid #F1F1F1;border-radius:2px 2px 0 0;background:#fff;color:#444;text-decoration:none;}
    .current a{z-index:4;outline:0;background:#F1F1F1;}
    .hoverItem a{background:#fff;}
    #content{position:relative;padding:0;border-top:1px solid #F1F1F1;border-radius:0 5px 5px 5px;background:#fff;}
    .item{display:none;}
    .show{display:block;}
    label{display:block;}
    </style>
</head>
<body>
    <div >        
        <div position="center" title="" >
            <div id="form1">
                <table id="tbSet" cellpadding="0" cellspacing="0" class="l-table-edit" style="margin-top: -35px !important; width: 100% !important;">
                    <tbody id='fileTable'>
                        <tr>
                            <td style="text-align: left; width: 100% !important;" colspan="6">
                                <h3>自定义项：</h3>
                            </td>
                        </tr>
                        <tr style="text-align: center;">
                            <td colspan="6" style="width:100% !important;">
                                &nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" value="0" name="checktype" checked />文本框
                                &nbsp;&nbsp;&nbsp;<input type="radio" value="1" name="checktype" />下拉框
                                &nbsp;&nbsp;&nbsp;<input type="radio" value="2" name="checktype" />单选框
                                &nbsp;&nbsp;&nbsp;<input type="radio" value="3" name="checktype" />多选框
                                &nbsp;&nbsp;&nbsp;<input type="radio" value="4" name="checktype" />时间控件&nbsp;&nbsp;&nbsp;

                                <input type="button" value="+" id="add_new_line" style="padding: initial !important; font-size: 20px; width: 36px; ">
                                <input type="button" value="-" id="delete_line" style="padding: initial !important; font-size: 20px; width: 36px; ">
                            </td>
                        </tr>
                    </tbody>
                    </table>

                <table cellpadding="0" cellspacing="0" class="l-table-edit" style="margin-top: 15px !important;">
                    <tbody id='fileTable'>
                        <tr>                           
                            <td style="text-align: center;">
                                <div class="searchbar">
                                    <input id="btnSearch" type="button" onclick="Save();" value="保  存" class="l-button" />
                                    </div>
                            </td>
                        </tr>                        
                    </tbody>
                </table>
            </div>
            <div id="maingrid" style="margin:0px;padding: 0px"></div>
        </div>
        <input type="hidden" id="hdnId" value="@ViewBag.Id" />
    </div>
    <script src="~/Areas/StrokeCenter/Scripts/PathWayTemplate.js"></script>
</body>
</html>
<script type="text/x-template" id="divAdd">
    <tr tag="0">
        <td style="text-align: right">
            文本框标题：
        </td>       
        <td colspan="2">
            <div class="l-text" style="width:150px;">
                <input id="txttitle" type="text" class="ui-textbox l-text-field" value="">
            </div>
        </td>
        <td style="display:none">
            &nbsp;&nbsp;&nbsp;输入框宽度：
        </td>
        <td style="display:none">
            <div class="l-text" style="width:60px;">
                <input id="txtwidth" type="number" class="ui-textbox l-text-field" style="width: 60px; " value="">
            </div>
        </td>
        <td colspan="2">
            &nbsp;&nbsp;&nbsp;输入框后面的描述：
        </td>
        <td>
            <div class="l-text" style="width:150px;">
                <input id="discript" type="text" class="ui-textbox l-text-field" style="width: 150px;" value="">
            </div>
        </td>
    </tr>
</script> 
<script type="text/x-template" id="divAddDropDown">
    <tr tag="1">        
        <td style="text-align: right">
            下拉框标题：
        </td>
        <td>
            <div class="l-text" style="width:150px;">
                <input id="txttitle" type="text" class="ui-textbox l-text-field">
            </div>
        </td>
        <td colspan="2">
            &nbsp;&nbsp;&nbsp;输入多个下拉选项，#号隔开：
        </td>
        <td colspan="2">
            <div class="l-textarea" style="width: 301px;">
                <textarea id="txtOptions" rows="2" class="l-textarea ipt inp" maxlength="500" style="width:290px;padding:5px; height:30px;" datavalue="多个选项用#隔开 例如：选项1#选项2#选项3"></textarea>
            </div>
        </td>
    </tr>
</script> 
<script type="text/x-template" id="divAddRadio">
    <tr tag="2">
        <td style="text-align: right">
            单选框标题：
        </td>
        <td>
            <div class="l-text" style="width:150px;">
                <input id="txttitle" type="text" class="ui-textbox l-text-field">
            </div>
        </td>
        <td colspan="2">
            &nbsp;&nbsp;&nbsp;输入多个单选项，#号隔开：
        </td>
        <td colspan="2">
            <div class="l-textarea" style="width: 301px;">
                <textarea id="txtOptions" rows="2" class="l-textarea ipt inp" maxlength="500" style="width:290px;padding:5px; height:30px;" datavalue="多个选项用#隔开 例如：男#女"></textarea>
            </div>
        </td>
    </tr>
</script> 
<script type="text/x-template" id="divAddCheck">
    <tr tag="3">
        <td style="text-align: right">
            多选框标题：
        </td>
        <td>
            <div class="l-text" style="width:150px;">
                <input id="txttitle" type="text" class="ui-textbox l-text-field">
            </div>
        </td>
        <td colspan="2">
            &nbsp;&nbsp;&nbsp;输入多个选项，#号隔开：
        </td>
        <td colspan="2">
            <div class="l-textarea" style="width: 301px;">
                <textarea id="txtOptions" rows="2" class="l-textarea ipt inp" maxlength="500" style="width:290px;padding:5px; height:30px;" datavalue="多个选项用#隔开 例如：选项1#选项2#选项3"></textarea>
            </div>
        </td>
    </tr>
</script> 
<script type="text/x-template" id="divAddDate">
    <tr tag="4">
        <td style="text-align: right">
            标题：
        </td>
        <td>
            <div class="l-text" style="width:150px;">
                <input id="txttitle" type="text" class="ui-textbox l-text-field">
            </div>
        </td>
        <td>
            &nbsp;&nbsp;&nbsp;&nbsp;选择时间格式：
        </td>
        <td colspan="3">
            <div class="l-radiolist" style="width:440px;">
                <input type="radio" value="0" name="timetype" checked />1900-01-01 00:00:00
                &nbsp;&nbsp;<input type="radio" value="1" name="timetype" />1900-01-01
                &nbsp;&nbsp;<input type="radio" value="2" name="timetype" />1900-01
                &nbsp;&nbsp;<input type="radio" value="3" name="timetype" />1900
                &nbsp;&nbsp;<input type="radio" value="4" name="timetype" />23:00:00
            </div>
        </td>
    </tr>
</script> 
